import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

import 'package:provider/provider.dart';

import '../../interface/root_proxy_model.dart';
import '../mic_seat/mic_seat_widget.dart';
import 'mic_select_page_model.dart';

class MicSelectPage extends StatelessWidget {
  // final SimpleChannelUser? channelUser;

  const MicSelectPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: [
        ChangeNotifierProxyProvider<RootProxyModel, MicSelectPageModel>(
          create: (context) => MicSelectPageModel(),
          update: (context, rootProxyModel, leafModel) {
            if (leafModel == null) throw ArgumentError.notNull('leafModel');
            leafModel.roomModel = rootProxyModel;
            return leafModel;
          },
        ),
      ],
      child: Consumer<MicSelectPageModel>(builder: (context, model, child) {
        return _buildContent(context, model);
      }),
    );
  }

  Widget _buildContent(BuildContext context, MicSelectPageModel model) {
    return Text('MicSelectPage');
    // model.currUserInfo = channelUser;
    // return Container(
    //   width: double.infinity,
    //   decoration: BoxDecoration(
    //     borderRadius: BorderRadius.circular(16),
    //     color: Colors.white,
    //   ),
    //   child: Column(
    //     mainAxisSize: MainAxisSize.min,
    //     crossAxisAlignment: CrossAxisAlignment.start,
    //     children: [
    //       const SizedBox(
    //         height: 20,
    //       ),
    //       Align(
    //         alignment: Alignment.topCenter,
    //         child: Text(
    //           T.current!.hug_people_up_mic,
    //           style: TextStyle(
    //             fontSize: 16,
    //             fontWeight: FontWeight.w500,
    //             color: Color(0xff333333),
    //           ),
    //         ),
    //       ),
    //       const SizedBox(
    //         height: 20,
    //       ),
    //       _buildWaitUserItem(model.currUserInfo),
    //       const SizedBox(
    //         height: 20,
    //       ),
    //       Container(
    //         padding: const EdgeInsets.only(top: 30),
    //         width: double.infinity,
    //         child: MicSeatWidget(
    //           micSeatScene: MicSeatScene.WAITING_LIST,
    //         ),
    //       ),
    //       const SizedBox(
    //         height: 30,
    //       ),
    //       CupertinoButton(
    //           minSize: 0,
    //           padding: EdgeInsets.symmetric(horizontal: 48),
    //           child: Container(
    //             decoration: BoxDecoration(
    //               color: Color(0xFFFFD400),
    //               borderRadius: BorderRadius.circular(24),
    //             ),
    //             width: double.infinity,
    //             height: 52,
    //             alignment: Alignment.center,
    //             child: Text(
    //               T.current!.surer,
    //               style: TextStyle(
    //                 color: Color(0xff333333),
    //                 fontSize: 16,
    //               ),
    //             ),
    //           ),
    //           onPressed: () async {
    //             model.confirm(context);
    //           }),
    //       const SafeArea(
    //           child: SizedBox(
    //         height: 30,
    //       )),
    //     ],
    //   ),
    // );
  }

  // Widget _buildWaitUserItem(SimpleChannelUser item) {
  //   if (item == null) {
  //     return Container();
  //   }
  //   return Container(
  //     padding: EdgeInsets.symmetric(horizontal: 24),
  //     child: Row(
  //       mainAxisSize: MainAxisSize.min,
  //       crossAxisAlignment: CrossAxisAlignment.center,
  //       children: [
  //         AvatarImage(
  //           url: item.avatar,
  //           width: 40,
  //           height: 40,
  //           borderRadius: 40 / 2,
  //         ),
  //         SizedBox(
  //           width: 8,
  //         ),
  //         Text(
  //           "${item.nickname}",
  //           overflow: TextOverflow.ellipsis,
  //           style: TextStyle(color: Color(0xFF333333), fontSize: 13),
  //         ),
  //         SizedBox(width: 4),
  //         Container(
  //           height: 10,
  //           padding: EdgeInsets.symmetric(horizontal: 4),
  //           alignment: Alignment.center,
  //           decoration: BoxDecoration(
  //             borderRadius: BorderRadius.circular(6),
  //             border: GradientBoxBorder(
  //               gradient: LinearGradient(
  //                 colors: [
  //                   Color(0xFFFF9EE7),
  //                   Color(0xFFFFC1EE),
  //                   Color(0xFFFF6197)
  //                 ],
  //               ),
  //             ),
  //             gradient: LinearGradient(
  //                 colors: [Color(0xFFFF66B2), Color(0xFFFF1974)]),
  //           ),
  //           child: Row(
  //             children: [
  //               Image.asset(
  //                 item.gender == UserConstants.genderMan
  //                     ? "assets/images/ic_gender_man.png"
  //                     : "assets/images/ic_gender_woman.png",
  //                 width: 10,
  //                 height: 10,
  //               ),
  //               SizedBox(
  //                 width: 1,
  //               ),
  //               Text(
  //                 item.age.toString(),
  //                 overflow: TextOverflow.ellipsis,
  //                 style: TextStyle(color: Colors.white, fontSize: 9),
  //               ),
  //             ],
  //           ),
  //         ),
  //       ],
  //     ),
  //   );
  // }
}
